<script setup>
    import {artGetChannelsService} from '@/api/article'
    import { ref } from 'vue';
    // 获取分类列表数值 并展示到页面
    const ChannelList=ref([])
    const getChannelList=async()=>{
        // 这里是请求的单元的数据
        //   const res=await artGetChannelsService()
        //   ChannelList.value=res.data.data
        //   console.log(res.data.data);
    }
    getChannelList()

    defineProps({
      modelValue:{
        type:[Number,String]
      }
    })

    const emit=defineEmits(['update:modelValue'])
</script> 
<template>

  <!-- 封装下拉框 -->
      <!-- lable是展示给用户看的 value是提交给后台的 -->
      <el-select style="width: 240px" :modelValue="modelValue" @update:modelValue="emit('update:modelValue',$event)">
        <el-option v-for="item in ChannelList" :key="item.id" :label="item.cate_name" :value="item.id"></el-option>
      </el-select>    

</template>
